<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="http://192.168.16.146:1337/vorlon.js"></script>
</head>

<style>
    .yinyue{
        text-align: center;
    }
    button{
        width: 50px;
        height: 30px;
        border: gray solid 2px;
    }
</style>
<body>
    <div class="yinyue">
        <audio controls id="demo">
            <source src="vincent.ogg">
        </audio>
        
        <p class="pianduan" >
            <button id="btn">播放</button>
        <button id="btn1">暂停</button>
        </p>
    </div>
    
    <div class="shipin">
        <video controls  id="spbf">
            <source src="dizzy.ogv">
        </video>
        <p>
            <input type="number" name="time" value="10" id="time">
        <button id="btn2">跳转</button>
        </p>
    </div>
     <script>
         var audio=document.getElementById("demo");
         document.getElementById("btn").addEventListener("click",function(){
            audio.play()
         }
         );
         document.getElementById("btn1").addEventListener("click",function(){
             audio.pause()
         });
         

         var video=document.getElementById("spbf");
         var time=document.getElementById("time");
         document.getElementById("btn2").addEventListener("click",function(){
            video.currentTime = time.value;
         })

     </script>


</body>
</html>